<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link rel="shortcut icon" href="/cwp/favicon.ico" type="image/x-icon" />
    <title>系统管理-Agent配置管理</title>
    <!--引入CSS文件-->
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/style.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/list.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/table.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/paging.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/btn.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/taqs.css" />
    <link href="../../../assets/css/styles/components-css/form.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="../../../assets/lib/bootstrap-3.3.5-dist/css/bootstrapModel.css" />

    <!--表单验证样式--->
    <link rel="stylesheet" type="text/css" href="../../../assets/lib/formValidator/style/validator.css"/>
    <link href="../../../assets/css/userManagement/userManagement.css" rel="stylesheet" />
</head>
<body>

<!--头部文件 开始-->
<div id="header"></div>
<!--头部文件 结束-->

<div class="wrapper">
    <div id="left-menu"></div>
    <div class="right-container">
        <div class="right-scroll">
            <div class="t-list">
                <div class="t-list-title">
                    <h2>系统管理 > Agent配置管理</h2>
                </div>
                <div class="t-list-search t-columns-5">
                    <ul class="t-columns-group">
                        <li>
                            <label>代理名称</label>
                            <div>
                                <input id="agentName""/>
                            </div>
                        </li>
                        <li>
                            <label>代理编号</label>
                            <div><input id="num"/></div>
                        </li>
                        <!--<li>
                            <label>在线状态</label>
                            <div>
                                <select id="agentOnline">
                                </select>
                             <div>
                        </li>-->
                        <li>
                            <label>&nbsp;</label>
                            <div>
                                <a class="t-btn" id="btnSearch">
                                    <i class="icon-search"></i>
                                    查询
                                </a>
                            </div>
                        </li>
                    </ul>
                </div>

                <div class="t-list-btns">
                    <p>请求记录</p>
                    <span id="agentTableTotal"></span>
                    <div>
                        <a class="t-btn t-btn-blue" href="javascript:;" id="newAgent">新增</a>
                    </div>
                </div>

                <div class="t-list-result  clearfix">
                    <!-- 表格 -->
                    <table class="t-table" id="agentTable"></table>

                    <!-- 分页 -->
                    <div class="pagination" id="agentTablePagination"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--版权-->
<div id="copyright"> </div>

<div class="modal fade bs-example-modal-lg" id="modalDetaildEquipment" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">详情</h4>
            </div>
            <form>
                <div class="modal-body">
                    <div class="t-list">
                        <div class="t-columns-2">
                            <ul class="t-columns-group ">
                                <li>
                                    <label>设备类型</label>
                                    <div>新风</div>
                                </li>
                                <li>
                                    <label>设备名称</label>
                                    <div>排风机SF-B1-01~03</div>
                                </li>
                                <li>
                                    <label>设备位置编码</label>
                                    <div>B1F</div>
                                </li>
                                <li>
                                    <label>设备位置说明</label>
                                    <div>地下一层</div>
                                </li>
                                <li>
                                    <label>设备安装时间</label>
                                    <div>2015-03-06</div>
                                </li>
                                <li>
                                    <label>质保年限</label>
                                    <div>5年</div>
                                </li>
                                <li>
                                    <label>供应商</label>
                                    <div>美的集团有限公司</div>
                                </li>
                                <li>
                                    <label>设备品牌</label>
                                    <div>美的</div>
                                </li>
                                <li>
                                    <label>楼栋位置信息</label>
                                    <div>生产大楼</div>
                                </li>
                                <li>
                                    <label>楼层平面图坐标</label>
                                    <div>192,338</div>
                                </li>
                                <li>
                                    <label>水管温度</label>
                                    <div>26℃</div>
                                </li>
                                <li>
                                    <label>水管压力</label>
                                    <div>0.96MPa</div>
                                </li>
                                <li>
                                    <label>水管压力</label>
                                    <div>0.96MPa</div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>


<!--提示模态框-->
<div class="modal fade bs-example-modal-sm" id="myTip" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-body" style="text-align:center;font-size:14px;">
                <i id="icon-tip" style="margin-right:6px;"></i>
                <span class="tip-info"></span>
            </div>
        </div>
    </div>
</div>

<!--删除提示模态框-->
<div class="modal fade bs-example-modal-sm in" id="delList" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content" style="margin-top: 258px;">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4 class="modal-title">删除</h4>
            </div>
            <div class="modal-body">
                <div class="t-list">
                    <div class="title" style="font-weight: bold;">
                    </div>
                    <div class="content mt-10">
                        确定要删除吗？
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" id="btnDelList">确定</button>
            </div>
        </div>
    </div>
</div>

<!--新增/修改模态框-->
<div class="modal fade bs-example-modal-sm in" id="dialog" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content" style="margin-top: 258px;">

        </div>
    </div>
</div>

<!--新增模板-->
<script type="text/html" id="dialogTmp">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
        <h4 class="modal-title">
            {{ if isModify }}
            新增
            {{ else }}
            修改
            {{ /if }}
        </h4>
    </div>
    <div class="modal-body">
        <form id="frmMain">
            <div class="t-columns-2">
                <div class="person-setting">
                    <input type="hidden" id="modifyId" value="{{ id }}">
                    <ul class="t-columns-group ">
                        <li>
                            <label><span class="t-tip-verification">*</span>代理名称</label>
                            <div ><input id="agentNameCheck" value="{{ agentName }}"/></div>
                        </li>
                        <li >
                            <label><span class="t-tip-verification" >*</span>代理类型</label>
                            <div>
                                <select id="agentType" type="number">
                                    <option value="1">门禁</option>
                                    <option value="2">楼宇</option>
                                    <option value="3">视频监控</option>
                                    <option value="4">能耗</option>
                                </select>
                            </div>
                        </li>
                        <li class="verify">
                            <label></label>
                            <div class="tipArea"><div id="agentNameCheckTip"></div></div>
                        </li>
                        <li class="verify">
                            <label></label>
                            <div><div></div></div>
                        </li>
                        <li>
                            <label><span class="t-tip-verification">*</span>代理IP</label>
                            <div><input id="ip" value="{{ ip }}"/></div>
                        </li>
                        <li>
                            <label><span class="t-tip-verification">*(整数)</span>代理编号</label>
                            <div>
                                <input id="numCheck" value="{{ num }}"/>
                            </div>
                        </li>
                        <li class="verify">
                            <label></label>
                            <div class="tipArea"><div id="ipTip"></div></div>
                        </li>
                        <li class="verify">
                            <label></label>
                            <div class="tipArea"><div id="numCheckTip"></div></div>
                        </li>
                        <li>
                            <label><span class="t-tip-verification">*</span>协议类型</label>
                            <div><input id="conProtocol" value="{{ conProtocol }}"/></div>
                        </li>
                        <li>
                            <label><span class="t-tip-verification">*(整数)</span>请求间隔</label>
                            <div><input id="contable" value="{{ contable }}"/></div>
                        </li>
                        <li class="verify">
                            <label></label>
                            <div class="tipArea"><div id="conProtocolTip"></div></div>
                        </li>
                        <li class="verify">
                            <label></label>
                            <div class="tipArea"><div id="contableTip"></div></div>
                        </li>
                        <li>
                            <label><span class="t-tip-verification">*</span>园区编号</label>
                            <div><input id="parkCode" value="{{ parkCode }}"/></div>
                        </li>
                        <li>
                            <label>代理描述</label>
                            <div><textarea id="description" style="height: 100px;">{{ description }}</textarea></div>
                        </li>
                        <li class="verify">
                            <label></label>
                            <div class="tipArea"><div id="parkCodeTip"></div></div>
                        </li>
                        <li class="verify">
                            <label></label>
                            <div><div></div></div>
                        </li>
                        <li class="verify">
                            <label></label>
                            <div><div></div></div>
                        </li>
                        <li class="verify">
                            <label></label>
                            <div><div></div></div>
                        </li>
                        <li class="verify">
                            <label></label>
                            <div>&nbsp;</div>
                        </li>
                        <li class="verify">
                            <label></label>
                            <div><div id="deviceYTip"></div></div>
                        </li>
                    </ul>
                </div>
            </div>
        </form>
    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        {{ if isModify }}
        <button type="button" class="btn btn-primary" id="modifyBtn">修改</button>
        {{ else }}
        <button type="button" class="btn btn-primary" id="addBtn">确定</button>
        {{ /if }}
    </div>
</script>

<!--jQuery库脚本-->
<!--非IE8浏览器-->
<!--[if !(IE 8)]><!--><script type="text/javascript" src="../../../assets/lib/jquery/jquery.min.js"></script><!--<![endif]-->
<!--IE8浏览器-->
<!--[if IE 8]><script type="text/javascript" src="../../../assets/lib/jquery/jquery-ie8.min.js"></script><![endif]-->
<script type="text/javascript" src="../../../assets/lib/jQuery-slimScroll-1.3.8/jquery.slimscroll.min.js"></script>
<script charset="utf-8" src="../../../assets/common/loadHeaderAndCopyright.js"></script>

<script charset="utf-8" src="../../../assets/common/categorySelect.js"></script>
<!--模态框-->
<script charset="utf-8" src="../../../assets/lib/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
<script charset="utf-8" src="../../../assets/common/centerModal.js"></script>
<script charset="utf-8" src="../../../assets/lib/tipModal/js/tipModal.js"></script>
<!--表单验证-->
<script src="../../../assets/lib/formValidator/formValidator.js"></script>
<script src="../../../assets/lib/formValidator/formValidatorRegex.js"></script>
<!--分页脚本-->
<script charset="utf-8" src="../../../assets/lib/pagination/1.2.1/jquery.pagination.js"></script>
<script charset="utf-8" src="../../../assets/common/loaderTable.js"></script>
<script charset="utf-8" src="../../../assets/common/ajaxPoster.js"></script>
<script src="../../../assets/lib/artTemplate/template.js"></script>
<script charset="utf-8" src="../../../js/systemManagement/agentManagement/agentManagement.js"></script>
</body>
</html>